
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link href="../css/voter.css" type="text/css" rel="stylesheet"  />
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.8.18.custom.js"></script>
<script type="text/javascript" src="../js/easing.js"></script>
<script type="text/javascript" src="../js/cycle.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry,drawing,places&sensor=false&key=AIzaSyC6Cwm9F0V_AmaSJLN5yclUrJ5Sj4oYJzw"></script>
<script type="text/javascript" src="../js/infobox.js"></script>
<script type="text/javascript" src="../js/maps.google.polygon.containsLatLng.js"></script>
<script type="text/javascript" src="../js/polyman.js"></script>
<script src="../js/getconstituencyBounds.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/voter.js"></script>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36676573-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<title>Voter Information</title>
</head>
<body>
	<div id="voter-gadget">
    	<div id="voter-gadget-header">
        	<a href="http://www.iebc.or.ke" target="_blank"><img src="../images/iebc.png" id="logo"/></a>
            <div id="iebc-title">Independent Electoral and Boundaries Commission</div>
            <div id="where-to" >Find your Registration Center</div>
            <div id="search-box">
            	<input type="text" id="searchTF" value="Type in where you live..."/>
                <div id="suggestion-box">
                </div>
            </div>
        </div>
        <div id="gadget-body">
            <div id="voter-gadget-body">
            	<div id="feedback-form">
                	<fieldset>
                    	<legend>Your Feedback</legend>
                            <div class="title">Name: </div>
                            <input class="field" type="text" name="name" id="feedback-name"/>
                            <div class="title">Email: </div>
                            <input class="field" type="email" name="email" id="feedback-email"/>
                            <div class="title">Message: </div>
                            <textarea class="field" type="text" name="message" id="feedback-message"></textarea>
                            <div class="title"></div>
                            <button id="sendFeedback" type="button">Send FeedBack</button>
                    </fieldset>
                </div>
            	<div id="feedback-form-prompt" class="sidebar-bottom-item">Give Your FeedBack</div>
                <div id="get-gadget" class="sidebar-bottom-item">Get Gadget</div>
                <div id="mylocation">
                    <div id="myCounty" class="location-level">
                        <div class="location-level-left"></div>
                        <div class="location-level-center"></div>
                        <div class="location-level-right"></div>
                    </div>
                    <div id="myConstituency" class="location-level">
                        <div class="location-level-left"></div>
                        <div class="location-level-center"></div>
                        <div class="location-level-right"></div>
                    </div>
                    <div id="myWard" class="location-level">
                        <div class="location-level-left"></div>
                        <div class="location-level-center"></div>
                        <div class="location-level-right"></div>
                    </div>
                </div>
                <div id="show-constituency"></div>
                <div id="voter-map">
                </div>
            	<div id="embbed-instructions">
                	<p>Embedding this gadget is simple. Just copy this code </p>
                    <textarea class="p"><iframe src="http://vote.iebc.or.ke/gadget/" width="1024" height="552"></iframe></textarea>
                    <p>and paste it in your HTML preferred page.</p>
                    <p>In case you need access to your code, contact your site's webmaster.</p>
                </div>
            </div>
            <div id="sidebar">
            	<div id="counter">
                    <span style="font-size:11px; font-weight:100">18<sup>th</sup> December 2012 Calculating Days Remaining: </span>
                </div>
            	<div id="voting-info">
                	<div id="voting-info-title">How to find a Registration Center <div style="float:right; font-size:10px" id="voter-info-show-toggle">[hide]</div></div>
                    <div id="voting-info-body">
                        <ol>
                            <li>Use the map or drop-downs to select your county and constituency, or type in where you live in the search box above.</li>
                            <li>Select the registration center closest to you where you plan to vote on March 4 for details.</li>
                        </ol>
                    </div>
                </div><br />
                <table>
                    <tr>
                        <td>County: </td>
                        <td>
                            <select id="select-county">
                                <option value="all">All Counties...</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Constituency: </td>
                        <td>
                            <select id="select-constituency" disabled>
                                <option value="select">Select County First...</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Ward: </td>
                        <td>
                            <select id="select-ward" disabled>
                                <option value="select">Select Constituency First...</option>
                            </select>
                        </td>
                    </tr>
                </table>
                <div id="avail-ps">
                    <div id="avail-ps-header"><span id="ps-title"></span></div>
                    <div id="avail-ps-body">
                    </div>
                </div>               
                <!-- this is the end of the sidebar content -->
            </div>
         </div>
         <br clear="all" />
    </div>
</body>
</html>
